﻿<div ng-controller="HistoricalPerformanceController as esgHistorical">
    <div style="position: relative;">
        <div class="sustainalyticsBlockui" isvisible="esgHistorical.overallChartIsLoading"></div>
        <div id="chartdiv" style="width: 100%; height: 200px; background-color: #FFFFFF;"
             class="sustainalyticsChartSerial" useroptions="esgHistorical.esgOverallPerformanceSummarySerialChartOptions" isloading="esgHistorical.overallChartIsLoading"></div>
    </div>
    <div>
        <div style="float: left; width: 33%; position: relative;">
            <div class="sustainalyticsBlockui" isvisible="esgHistorical.environmentChartIsLoading"></div>
            <div id="chartdiv2" style="width: 98%; height: 200px; background-color: #FFFFFF;"
                 class="sustainalyticsChartSerial" useroptions="esgHistorical.esgEnvironmentPerformanceSummarySerialChartOptions" isloading="esgHistorical.environmentChartIsLoading"></div>
        </div>
        <div style="float: left; width: 33%; position: relative;">
            <div class="sustainalyticsBlockui" isvisible="esgHistorical.socialChartIsLoading"></div>
            <div id="chartdiv3" style="width: 98%; height: 200px; background-color: #FFFFFF;"
                 class="sustainalyticsChartSerial" useroptions="esgHistorical.esgSocialPerformanceSummarySerialChartOptions" isloading="esgHistorical.socialChartIsLoading"></div>
        </div>
        <div style="float: left; width: 33%; position: relative;">
            <div class="sustainalyticsBlockui" isvisible="esgHistorical.governanceChartIsLoading"></div>
            <div id="chartdiv4" style="width: 98%; height: 200px; background-color: #FFFFFF;"
                 class="sustainalyticsChartSerial" useroptions="esgHistorical.esgGovernancePerformanceSummarySerialChartOptions" isloading="esgHistorical.governanceChartIsLoading"></div>
        </div>
        <div class="clear"></div>
    </div>
</div>